<template>
  <div class="where">
     <Vheader title="物流查询"></Vheader>
     <table>
     	<thead>
     		<tr>
     			<th class="le">时间</th>
     			<th class="ri">地点和跟踪进度</th>
     		</tr>
     	</thead>
     	<tbody>
     		<tr v-for="(item,index) in message" :class="{isNowcolor: index==0}">
     			<td class="le">{{item.ftime}}</td>
     			<td class="ri"><span class="yuan" :class="{isNow: index==0}"></span>{{item.context}}</td>
     		</tr>
     	</tbody>
     </table>
     </section>
  </div>
</template>

<script>
import axios from '../../axios/axios'
import Vheader from '../../components/header'
import BScroll from 'better-scroll';
export default {
  name: 'address',
  data () {
    return {
     	message:[],
    }
  },
  components: {Vheader},
  mounted: function(){
  	var that =this;
     var data = JSON.stringify({
          	"actionName": "queryExpress",
			"admin": true,
			"controllerName": "orderInfo",
			"data": ["GT20170929181755640821351"] 
        });
        axios.post({
          data: data,
          callback(res) {
            console.log(res.data.data.data.data)
            that.message=res.data.data.data.data
          }
        })
  },
  methods:{
     
  },
  computed:{
   
  },
}
</script>
<style type="text/scss" lang="scss" scoped>
@import "../../common/style/public";
.where{
	table{
		background-color: #fff;
		margin-top: 50px;
		width: 100%;
		thead{
			tr{
				height: 36px;line-height: 36px;border-bottom: solid 1px #e3e3e3;
				.le{
					padding-left: 4vw;
					width: 26vw;
				}
				.ri{
					width:62vw;
					padding: 0 4vw;
				}
			}
		}
		tbody{
			tr{
				.le{
					padding: 4vw 2vw 4vw 4vw;
					width: 26vw;
					border-right: 1px solid #e3e3e3;
				}
				.ri{
					width:60vw;
					padding: 0 4vw;
					.yuan{
						background-color: #ddd;
						display: block;
						position: absolute;
						width: 5vw;height: 5vw;border: 1px solid #e3e3e3;border-radius: 50%;
						left: 28.5vw;
					}
					.isNow{
						background-color: #f06a22;
						color: #f06a22;
					}
				}
			}
			.isNowcolor{
				color: #f06a22;
			}
		}

	}
}
</style>







